// category   导出单独函数功能
import { findTopCategory } from '@/api/category'
import { useRoute, onBeforeRouteUpdate } from 'vue-router'
import { ref } from 'vue'
function useCategory () {
  // 如何在setup中获取路由参数？
  // this.$route.param/query.id
  // useRoute useRoute() -> Route === this.$route
  // 如果我想调用方法 this.$router.push()?
  const route = useRoute()
  const categoryData = ref({})
  // 设置默认时使用当前id  后面使用传入的id
  async function loadCategory (id = route.params.id) {
    const res = await findTopCategory(id)
    categoryData.value = res.data.result
  }
  loadCategory()

  // 路由更新的时候才会执行
  onBeforeRouteUpdate((to) => {
    //   点击不同的路由 刷新页面获取新的数据
    loadCategory(to.params.id)
  })
  return {
    categoryData
  }
}

export default useCategory
